<template>
    <el-card>
        <div slot="header">
            <span>{{ header.title }}</span>
            <span class="format">
                {{ header.format }}
            </span>   
        </div>
        <slot name="grid"></slot>
    </el-card>
</template>

<script>
export default {
    name: "CollpaseTransferGrid",
    props: {
        header: {
            type: Object,
            default: ()=> ({title: '', format: ''})
        }
    },
    data(){
        return {}
    },
}
</script>
<style scoped>
.el-card /deep/ .el-card__header{
    padding: 10px 20px;
    text-align: center;
    font-size: 15px;
}
.el-card /deep/ .el-card__body {
    padding: 0;
}
.format {
    float: right;
}
</style>